<template>
    <div>
        <el-table :data="tableData" border small 
               :fit="true"
               :row-style="{height: '30px'}" 
               :cell-style="{padding: '0'}" 
               style="width: 100% ;height:320px;" >
               <el-table-column fixed label="序号" type="index" width="120" />
              <!-- <el-table-column fixed prop="xuhao" label="序号" width="120"/> -->
              <el-table-column prop="dingdanhao" label="所属订单号" width="150" />
              <el-table-column prop="chepaihao" label="车牌号" width="150" />
              <el-table-column prop="leixing" label="类型" width="150" />
              <el-table-column prop="qitariqi" label="日期" width="150" />
              <el-table-column prop="jine" label="金额" width="150" />
              <el-table-column prop="shangchuan" label="上传" width="150" />
              <el-table-column prop="beizhu" label="备注" width="150" />

              <!-- <el-table-column fixed="right" label="操作" width="120">
                <template #default="scope">
                  <el-button link type="primary" size="small" @click.prevent="bianjiClick(scope.$index)"
                    >编辑</el-button>
                  <el-button link type="primary" size="small"  @click.prevent="deleteInfo(scope.$index)" >删除</el-button>
                </template>
              </el-table-column> -->
        </el-table>
    </div>
</template>

<script setup>
import { ref,watchEffect} from 'vue'

//表格绑定的数据
const tableData = ref()
//接收父组件传递的值
const props = defineProps({
       message: Object   
   })
//当响应式的数据发生变化的时候执行函数
watchEffect(() => {
  console.log('message 变化了:', props.message)
  tableData.value = props.message.other
})

</script>

<style lang="scss" scoped>

</style>